.list_box {
    background-image: url('./theme/img/list_bac.png');
    background-size: 100% 100%;

    // background-color: rgba(0, 9, 47, 0.9);
    position: absolute;
    top: 100px;
    right: 10px;
    height: 726px;
    width: 613px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    font-size: 13px;
    font-weight: 400;
    color: rgba(184, 185, 187, 1);
    line-height: 18px;
    z-index: 2;
    border-radius: 4px;
    padding-bottom: 10px;
    box-sizing: border-box;
    &.bigger {
        width: 1436px;
        .table_box {
            width: 1405px;
        }
    }
    .list_header {
        width: 100%;
        padding: 20px 16px 5px 14px;
        box-sizing: border-box;
        text-align: left;
        .title {
            font-size: 20px;
            color: #2fd5ff;
            .to_big_btn {
                cursor: pointer;
                margin-right: 10px;
            }
        }
        .list_operation_box {
            display: inline-block;
            float: right;
        }
        .divider_line {
            background-image: url('./theme/img/divider_line.jpg');
            background-size: 100% 100%;
            width: 100%;
            height: 2px;
            position: relative;
            top: 12px;
        }
    }
    .table_box {
        height: 600px;
        width: 585px;
        .el-table {
            cursor: pointer;
            border: 1px solid #023951;
            background: #08122c;
            .el-table__header {
                width: 100% !important;
                .has-gutter {
                    .gutter {
                        border: none;
                    }
                }
            }
            .el-table__body-wrapper {
                height: calc(100% - 30px) !important;
                &::-webkit-scrollbar {
                    /*滚动条整体样式*/
                    width: 3px;
                    /*高宽分别对应横竖滚动条的尺寸*/
                    height: 10px;
                }
                &::-webkit-scrollbar-thumb {
                    /*滚动条里面小方块*/
                    border-radius: 5px;
                    -webkit-box-shadow: inset 0 0 5px #07aac7;
                    background: #07aac7;
                    scrollbar-arrow-color: red;
                    -webkit-border-radius: 5px;
                    -moz-border-radius: 5px;
                    -ms-border-radius: 5px;
                    -o-border-radius: 5px;
                }
                &::-webkit-scrollbar-track {
                    box-shadow: inset 0 0 5px #3e3e3e;
                    background: #3e3e3e;
                    border-radius: 0;
                }
            }
            .el-table__header-wrapper tr th,
            .el-table__fixed-header-wrapper tr th {
                background-color: #052c40 !important;
                color: #d2d3d6;
                height: 30px;
            }

            // 修改表格行样式：
            .el-table__row {
                background-color: #0a112b;
                color: #d2d3d6;
            }
            .el-table__body tr.current-row > td,
            .el-table__body tr:hover > td,
            .el-table__body tr.hover-row > td {
                background-color: #0d1f34;
            }

            // 修改表格行边框的样式：
            td,
            th.is-leaf {
                border-bottom: 1px solid #023951;
                border-right: 1px solid #023951;
            }

            // 设置表格每行的高度：
            .el-table__header tr,
            .el-table__header th {
                height: 30px;
                padding: 0;
            }
            .el-table__body tr,
            .el-table__body td {
                height: 30px;
                padding: 0;
            }

            .el-table--border::after,
            .el-table--group::after,
            .el-table::before {
                border: none;
                width: 0;
            }
            .el-checkbox__input.is-checked .el-checkbox__inner,
            .el-checkbox__input.is-indeterminate .el-checkbox__inner {
                background-color: #08122c;
                border-color: #056f82;
            }
            .el-checkbox__input.is-focus .el-checkbox__inner {
                border: 1px solid #056f82;
            }
            .el-checkbox__inner {
                border: 1px solid #056f82;
                background-color: #08122c;
            }
            .el-checkbox__inner:hover {
                border-color: #056f82;
            }

            .el-table__fixed-body-wrapper {
                background-color: #0a112b;
            }
            .el-table__fixed-right::before,
            .el-table__fixed::before {
                background-color: #0a112b;
            }
            &::before {
                height: 0;
            }
        }
        .el-table--border::after,
        .el-table--group::after,
        .el-table::before {
            background-color: #0a112b !important;
        }
        .el-table__fixed-right,
        .el-table__fixed {
            box-shadow: 0 0 10px rgba(225, 225, 225, 0.12) !important;
        }
    }

    .list_pagination {
        position: relative;
        display: flex;
        justify-content: space-between;
        padding: 2px 15px 0px 15px;
        box-sizing: border-box;
        align-items: center;
        width: 100%;
        /*带背景的分页按钮背景色begin*/
        .el-pagination.is-background .el-pager li:not(.disabled).active {
            background-color: #08c0b9;
            color: #fff;
        }
        .el-pagination.is-background .el-pager li.active {
            color: #fff;
            cursor: default;
        }
        .el-pagination.is-background .el-pager li:hover {
            color: #08c0b9;
        }
        .el-pagination.is-background .el-pager li:not(.disabled):hover {
            color: #08c0b9;
        }
        .el-pagination.is-background .el-pager li:not(.disabled).active:hover {
            background-color: #08c0b9;
            color: #fff;
        }
        /*带背景的分页按钮背景色end*/

        /*不带背景的分页按钮背景色begin*/

        .el-pagination__total {
            color: #ffffff;
            margin-right: 6px;
        }
        .el-pagination .el-select .el-input .el-input__inner {
            background: #056f82;
            color: #fff;
            border: none;
        }

        .el-pager li {
            cursor: pointer;
            background: none;
            color: #ffffff;
            border-radius: 2px;
            margin: 0 5px;
            min-width: 28px;
        }
        .el-pager li.active {
            color: #ffffff;
            background: #056f82;
            border: 1px solid #056f82;
            border-radius: 2px;
            cursor: default;
        }
        .el-pagination .el-pager li:hover {
            color: #08c0b9;
        }
        .el-pagination .el-pager li:not(.disabled):hover {
            color: #08c0b9;
        }
        .el-pager li.btn-quicknext,
        .el-pager li.btn-quickprev {
            line-height: 28px;
            color: #ffffff;
        }
        /*不带背景的分页按钮背景色end*/
        .el-pagination .btn-next,
        .el-pagination .btn-prev {
            background: #056f82;
        }
        .el-pagination button:hover {
            color: #ffffff;
        }
        .el-pagination button {
            border: 1px solid #056f82;
            padding: 0 6px;
            border-radius: 2px;
            min-width: 28px;
        }
        .el-pagination__jump {
            margin-left: 20px;
            color: #ffffff;
        }
        .el-pagination__editor.el-input {
            width: 46px;
            background: none;
            padding: 0;
            margin: 0 6px;
        }
        .el-pagination__editor.el-input .el-input__inner {
            height: 28px;
            background: none;
            color: #fff;
            border: 1px solid #056f82;
            border-radius: 4px;
        }
    }

    .editor_btn {
        display: inline-block;
        background: #0b6772;
        padding: 0px 12px;
        font-size: 12px;
        border-radius: 4px;
        line-height: 22px;
        cursor: pointer;
        &:hover {
            background-image: linear-gradient(#958600, #e8d103, #958600);
        }
        &:not(:first-of-type) {
            margin-left: 5px;
        }
    }
}
